body,dl,dd,h1,h2,h3,h4,h5,h6,p,span,div{margin:0;padding:0px;}
body{font:12px/1.5 tahoma,simsun,Microsoft YaHei,sans-serif;color:#1a5e77;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border: none;padding: 0;margin:0;}
em,i,b{font-style:normal}
ul,ol{list-style:none;margin:0;padding:0;}
a{text-decoration:none}
a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
input,select,option{outline:none}
.tl{text-align: left;}
.tc{text-align: center;}
.fl{float:left;}
.fr{float:right;}

 header{position: fixed;width: 32rem;left: 50%;bottom: 0;margin-left: -16rem;height: 8rem;z-index: 9; display: none;}
 header img{width:100%;vertical-align: top;}
/*首屏*/
.wrap{width: 100%; padding-bottom:6rem;min-width: 320px;max-width: 640px;margin: 0 auto; background: #fbde44 url(../img/img_bg1245.png) no-repeat center bottom; height:45.2rem; position: relative;}

.wrap_bg{ position:absolute; z-index: 5; width:32rem; height: 45.2rem; left: 0; top: 0; background: url(../img/tiger_bg.png) no-repeat center center; background-size:100% 45.2rem;}


.one_box_text{ position:relative; width: 24rem; margin:0 auto 1rem; text-align: center;  top: 5%;}
.one_img1{ width: 17.7rem; margin: 0 auto; height:8rem;}
.one_img2{ width: 16.8rem; margin:0.9rem auto 0;}
.one_img3{ width: 24rem; height: 4.45rem; margin:0.9rem auto 0;}
#one_section{ overflow: hidden;  background-color: #20c2f9; position:relative;}

.sec-animate .one_img1{ -webkit-animation: fadeInDown 1s ease 0.1s 1 normal both;;  animation: fadeInDown 1s ease 0.1s 1 normal both;}
.sec-animate .one_img2{   -webkit-animation: fadeInDown 1s ease 0.5s 1 normal both;  animation: fadeInDown 1s ease 0.5s 1 normal both;}
.sec-animate .one_img3{   -webkit-animation: fadeInDown 1s ease 1s 1 normal both;  animation: fadeInDown 1s ease 1s 1 normal both;}
.sec-animate #sec2-cloud{ -webkit-animation: fadeIn 2s ease 1.4s 1 normal both;  animation: fadeIn 2s ease 1.4s 1 normal both;}

.cloud{position:relative;height:200px;z-index: 2; margin:5rem auto 0;}
.cloud span{position: absolute;-webkit-transition: all 1.2s;width:8rem;height:8rem;}
.cloud span:nth-child(1){top:6rem;left:50%; margin-left:-4rem;background: url(../img/cloud_sprites2.png) no-repeat;background-size:67rem auto;z-index: 2;}
.cloud span:nth-child(2){top: 0;left:4rem;background: url(../img/cloud_sprites1.png) no-repeat;background-size: 67rem auto;}
.cloud span:nth-child(3){top:0;right:4rem;background: url(../img/cloud_sprites3.png) no-repeat;background-size:67rem auto;}
.cloud span:nth-child(4){top: 9rem;left:1rem;background: url(../img/cloud_sprites4.png) no-repeat;background-size:67rem auto;z-index: 2;}
.cloud span:nth-child(5){top:13rem;left:50%; margin-left:-4rem;background: url(../img/cloud_sprites5.png) no-repeat;background-size: 67rem auto;}
.cloud span:nth-child(6){top:9rem;right:1rem;background: url(../img/cloud_sprites6.png) no-repeat;background-size:67rem auto;}
/* .cloud{opacity: 0;}*/
.sec2-light{position: absolute;width: 22px;height: 23px;background: url(../img/sec_2_light.png) no-repeat;background-size: 22px 23px;display: none;-webkit-transform-origin: 50% 50%;-webkit-animation: secTwolightScale 1s 0s ease infinite;}
 .cloud span:nth-child(1) i{top:1.8rem;left:2.9rem;}
 .cloud span:nth-child(2) i{top:0;left:3rem;}
 .cloud span:nth-child(3) i{top:3rem;left:3rem;}
 .cloud span:nth-child(4) i{top:2rem;left:2rem;}
 .cloud span:nth-child(5) i{top:3rem;left:3rem;}
 .cloud span:nth-child(6) i{top:2rem;left:2rem;}

/* .cloud{-webkit-animation: fadeIn 2s 1.2s ease both;}*/

 .cloud span:nth-child(1)[class="vertical-float"]{-webkit-animation: tada 1s .2s ease infinite both;}
 .cloud span:nth-child(2)[class="vertical-float"]{-webkit-animation: tada 1s .3s ease infinite both;}
 .cloud span:nth-child(3)[class="vertical-float"]{-webkit-animation: tada 1s .4s ease infinite both;}
 .cloud span:nth-child(4)[class="vertical-float"]{-webkit-animation: tada 1s .5s ease infinite both;} 
 .cloud span:nth-child(5)[class="vertical-float"]{-webkit-animation: tada 1s .6s ease infinite both;}
 .cloud span:nth-child(6)[class="vertical-float"]{-webkit-animation: tada 1s .7s ease infinite both;}  
 
 .cloud span[class="move"]{-webkit-animation: cloudOpen .5s steps(7, end) both;}


.sec-2-bg{background: #0ea6f1 url(../img/sec_2_1.jpg) no-repeat center center;background-size: cover;-webkit-transition: all 0.5s;}

.sec-2-item2-scale .timi-logo img{-webkit-animation: scaleItem 2s .2s ease both; width: 10.2rem;}
.timi-logo span:nth-child(1){position: absolute;bottom:8%;left: 50%;-webkit-transform: translate(-50%, -30%);}
#arrow-tipsTwo,.sec-2-item2{display: none;}



@-webkit-keyframes scaleItem {
    0% {-webkit-transform: scale(0);}
    50% {-webkit-transform: scale(1.1);}
    100% {-webkit-transform: scale(1);}
}

@-webkit-keyframes tada{
    0%{-webkit-transform:scale(1)}
    10%,20%{-webkit-transform:scale(0.95) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.03) rotate(3deg)}
    40%,60%,80%{-webkit-transform:scale(1.03) rotate(-3deg)}
    100%{-webkit-transform:scale(1) rotate(0)}
}

@-webkit-keyframes cloudOpen {
    from {background-position: 0px;}
    to {background-position: -58.625rem;}
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}




/* 新css*/

.tiger_guize{ width: 5rem; height: 6.05rem; position:absolute; z-index: 10; top: 6rem; right:2.5rem; background: url(../img/tiger_img01.png) no-repeat center center; background-size: 100% 100%;}
.tiger_cloud1{width:5.5rem; height:8.7rem; position: absolute; z-index: 10; left:1.2rem; top:7.65rem;-webkit-animation:cloud2  1s linear 2s infinite alternate;
 background: url(../img/tiger_img04.png) scroll no-repeat center center; background-size: 100% 100%;}
.tiger_cloud2{ width: 5.25rem; height:10.25rem; position: absolute; z-index: 10; left: 25rem; top:13rem;-webkit-animation:cloud2  1.5s ease 0s infinite alternate;
 background: url(../img/tiger_img03.png) scroll no-repeat center center; background-size: 100% 100%;}



@-webkit-keyframes cloud2
{
      0%{-webkit-transform:rotate(0deg);-webkit-transform-origin:bottom ;}
     
      100%{-webkit-transform:rotate(5deg);-webkit-transform-origin:bottom ;}
 }
 
 
 .earanimate{-webkit-animation: ear 4s steps(2, end) infinite;}
 .earbox{position: absolute;width:3rem;height:3.3rem;top:21.7rem;left:6.4rem;
background: url(../img/ear.png) no-repeat;background-size:6.6rem 3.3rem;z-index:10;}
 .earbox2{position: absolute;width:3.3rem;height:3.3rem;top:21.7rem;left:19.8rem; 
background: url(../img/ear2.png) no-repeat;background-size:6.6rem 3.3rem;z-index:10;}

 
 @-webkit-keyframes ear {
 	80%{background-position: 0px;}
    80%{background-position: 0px;}
    100%{background-position: -7.8rem;}
}

.tiger_loading{ width: 100%; height: 100%; opacity: 1; position:fixed; top: 0px; left: 0px; z-index: 9999; background-color: #fffcd3;}
.tiger_loading .spinner{position: absolute; left:50%; top:50%;margin: -30px 0 0 -25px; width: 50px;height: 60px; font-size: 10px;}
 
.tiger_loading .spinner > div {
  background-color: #ee9806;
  height: 100%;
  width: 6px;
  display: inline-block;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.tiger_loading .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.tiger_loading .spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.tiger_loading .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.tiger_loading .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


.container{
    width:15rem;
    margin: 0 auto; z-index: 1;
    height: 11.7rem;
    position: absolute; top: 25.65rem; left: 7rem;
    /*height: 198px;*/
}


.num{
    position: absolute;
    left:0.36rem;
    top:0;
    width: 4.6rem;
    height: 11.7rem;
    overflow: hidden;
}
.num-con{
    position: relative;
    top:0;
}
.num-img{
    background: url("../img/num.jpg") no-repeat;
    background-size: 4.6rem 34.8rem;
    width: 4.6rem;
    height:34.8rem;
}
.num2{
    left:5.4rem;
}
.num3{
    left:10.3rem;
}
.main3-btn{
     width: 9.55rem; height:3.75rem; background:url(../img/tiger_img02.png) no-repeat center center; background-size: 100% 100%; z-index: 6;
    position: absolute;left: 313px; top:39rem; left: 10rem;
}

.fix {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    left: 0;
    top: 0;
    display: none;
    z-index: 11;
}
#pop,#pop1{
    width:22rem;
    min-height:12rem; padding: 1.5rem 0.5rem 0.5rem;
    position:fixed; background-color:#fff;
    left: 50%; border: 0.2rem solid #f4bb30;top: 50%; border-radius:0.6rem;
    margin-left:-11rem;
    margin-top: -10rem;
    display: none;
    z-index: 12;
}
.pop1{
	
	
	
}
.pop-title{
    background: url(../img/tiger_title.png) no-repeat; background-size: 100% 100%;
    width:17.95rem; 
    height:3.55rem; top:-2.4rem; left:2rem; text-align: center; color: #7a6c21; font-size: 1.8rem; line-height:2.9rem;
    position: absolute;
}
.pop-title .pop-close,.pop-title .pop-close1{ position: absolute; right: 1rem; top: 0.17rem; width: 3.35rem; height: 2.75rem;}

.pop-ok{height:2.4rem; display: block; line-height: 2.4rem; width: 15rem; margin:1.8rem auto 0; background-color:#f0545f; text-align: center; font-size: 1.6rem; border-radius: 0.3rem; color: #fff;}


.pop-text{ padding:1rem;}
.pop-text p{font-size:1.2rem;color: #7a6c21; margin-bottom: 0.5rem;}
.pop-text2{color: #f35109; font-size:2.25rem; margin-top: 2rem; font-weight: bold;text-align: center;}





.bounceInDown {-webkit-animation:bounceInDown 1s linear both;}
.bounceOutUp {-webkit-animation:bounceOutUp 1s linear both;}
@-webkit-keyframes bounceInDown {
  0% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
  60% {opacity: 1;-webkit-transform: translateY(30px);transform: translateY(30px);}
  80% {opacity: 1;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}




@-webkit-keyframes bounceOutUp {
  0% {-webkit-transform: translateY(0);transform: translateY(0);}
  20% {opacity: 1;-webkit-transform: translateY(20px);transform: translateY(20px);}
  100% {opacity: 0; -webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
}
















